@mixin flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.container {
    .top {
        width: 100%;
        height: 300rpx;
        position: relative;
        @include flex-center();
        .bkrd {
            position: absolute;
            width:100%;
            object-fit: fill;
            filter: blur(5px);
            z-index: 1;
        }
        .user{
            position: absolute;
            height: 100rpx;
            
            text-align: center;
            color:rgb(255,255,255);
            image {
                width: 100rpx;
                height: 100rpx;
                border-radius: 50%;
                border: 2px solid rgb(255,255,255);
            }
            z-index: 99;
        }
    }
    .content {
        width: 100%;
        
        margin-top: 100rpx;
        background: red;
    }
    
}